<!DOCTYPE html>
<html>
<head>
    <style>
        #one
        {
            text-align: left;
            word-spacing: 30px;
        }
        #two
        {
            text-align: center;
            word-spacing: -15px;
        }
        #three
        {
            text-align: right;
            letter-spacing: 28px;
            text-decoration: underline;
            text-transform: uppercase;
        }
    </style>
    <meta charset="UTF-8" />
    <title>文本属性</title>
</head>
<body>
    <!-- 
    color--设置文本颜色
    direction--设置文本方向
    line-height--设置行高
    letter-spacing--设置字符间距
    text-align--对齐方式  属性值:left(左),right(右),center(居中)
    text-decoration--向文本添加修饰  属性值:none(无属性),underline(下划线),overline(上划线),line-through(删除线)
    text-indent--设置首行缩进
    text-overlow--设置对象内溢出的文本处理方法  属性值:clip(不显示溢出文本),ellipsis(省略标记),…(溢出文本)
    text-shadow--设置文本阴影
    text-transform--控制文本转换  none(不转换),capitalize(首字母大写),uppercase(全部字符为大写),lowercase(全部字符为小写)
    unicode-bidi--设置文本方向
    white-space--设置元素中空白的处理方式
    word-spacing--设置字间距,对中文无效
     -->
    <h2 id="one">hello  CSS world!</h2>
    <h2 id="two">hello CSS world!</h2>
    <h2 id="three">hello CSS world!</h2>
</body>
</html>